html,body,parent{height:100%;overflow:hidden;background-color: black;}


.top{margin-top:0;height: 90px;width: 110%;background-color: black;}
.left{position:absolute;top:90px;left:0;bottom:90px;width:100%;background-color: orange;}
.right{position:absolute;overflow:auto;left:200px;right:0;top:100px;bottom:50px;}
.bottom{width: 100%;height: 90px;margin-bottom: 0px;background-color: black;}
.login{margin: auto; margin-top: 10%;background-color: rgba(225,225,225,0.6);width: 400px;height: 300px;border-radius: .95em;
}
.loginbutton{
	margin-top: 20px;
	margin-left: 40px;
	width: 150px;
	height: 40px;
	background-color: dodgerblue;
	border-radius: 0.35em;	
	
}
.registerbutton{
	color: white;
	margin-top: 20px;
	margin-left: 10px;
	width: 150px;
	height: 40px;
	background-color: dodgerblue;
	border-radius: 0.35em;	
}
.spanlogin{ color: white;}
.logo{
     position: absolute;
     top: -10px;
     left: 0;
	width: 270px;
	height: 130px;
	background-image: url(../img/logojpg.jpg);
	transform: scale(0.5);

}
.imagelog{
	transform:scale(0.1);
	position: absolute;
    top: 0;	
    left: 0;
}
.loginlogo{
	transform: scale(0.5);
	width: 300px;
	height: 120px;
	margin: auto;
	background-image: url(../img/logopng.png);
}
